<template>
	<view class="">
		<view class="wraps1">
			<view class="tops">
				<img class="bgs" src="../../../static/aidex/login/1.png" alt="">
				<view class="cont">
					<view class="step1 word">
						<view class="">
							专业代办香港主流银行信用卡，黑户/花户7天内出卡，无任何前期费用。
						</view>
						<view class="">因为大陆和香港的征信系统相互不联网，所以黑户/花户只要你在香港没有征信记录即可办理出卡。</view>
					</view>
					<view class="step2 word">
						<view class="">
							汇丰银行/花旗银行/渣打银行/恒丰银行，单卡5-20万信誉额度，具体额度根据相关银行最终审批结果来决定，单人一次可最多申请2家不用银行信用卡。
						</view>

					</view>
					<view class="step3 word">
						<view class="">
							您需要先填写我们提供的信用卡申请表格，提供相关资料信息（信息我们将严格保密），我们会先将您的资料提交银行进行初审，初审1-3小时内出结果。
						</view>
						<view style="margin: 40rpx 0;">
							初审通过后，公司会在当天为您包装个人身份，制作高收入证明和工作职位材料，例如（香港某公司经理/高管
							等高收入人群）包装完成后，再根据银行相关办理规定，补充提交认证材料给银行二审，3-7天即可出卡。【包装不收取任何费用】
						</view>
						<view>
							二审通过后，提供您的快递收件地址，卡片将安排邮政快递邮寄至您的手中，拿到卡片后，下载相关银行APP，然后根据卡片信息进行登录，刷脸激活并绑定。
						</view>

					</view>
					<view class="step4 word">
						<view class="">
							您的新信用卡申请成功并且已经收到手中可以正常使用后，我们收取下发额度的百分之4作为服务费（例如：成功下发额度10万，我们收取4000元作为服务费进行收费。）



						</view>
						<view style="margin:60rpx 0;">
							我们会线上全程免费提供【办理-激活-使用】等指导服务，确保您新的信用卡收到后，能正常使用以及消费，您再支付本次百分之4的服务费，期间不会以任何形式收取费用。

						</view>
						<view class="">
							从申请到信用卡邮寄到家，7-10个工作日内即可完成，无需担心不熟悉办理流程，我们会提供全程线上协助，直到您办理成功为止。
						</view>

					</view>
					<view @click="sub" class="btn">
						<img src="../../../static/aidex/login/5.png" alt="">
					</view>
					<view class="tips">
						申请后10分钟出审核结果
					</view>
					<view class="city">
						<img src="../../../static/aidex/login/6.png" alt="">
					</view>
					<view class="footer">
						<view class="inner">
							<img src="../../../static/aidex/login/7.png" alt="">
							港盛国际金融咨询（香港）有限公司
						</view>
					</view>
				</view>

			</view>




		</view>


		<u-modal @confirm="confirm" :title-style="titleS" title="温馨提示" :show-cancel-button="false"
			confirm-color="#585EA1" confirm-text="立即申请" v-model="show" content="将在30分钟内出审核结果">
			<view class="write">
				填写后，我们将会在当天与您联系
			</view>
			<view class="fen">
				<image src="../../../static/aidex/login/notice.png" mode=""></image>
				<view class="word">
					信用卡未邮寄到您手里之前，我们不会
					以任何形式收取前期费用
				</view>
				
			</view>
		</u-modal>

	</view>
</template>
<script>
	export default {
		data() {
			return {
				titleS: {
					'font-family': 'PingFang SC, PingFang SC',
					'font-weight': 500,
					'font-size': '34rpx',
					color: '#000000',
					'line-height': '53rpx'
				},
				show: true,
			};
		},
		onShow() {

		},
		methods: {
			confirm() {
				uni.navigateTo({
					url: "/pages/sys/home/index"
				})
			},

			sub() {
				this.show = true
			},
		},
		// 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
		onReady() {

		}
	};
</script>
<style>
	page {
		background: #171712;

	}
</style>
<style scoped lang="scss">
	.write{
		padding: 0 43rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 34rpx;
		color: #000000;
		line-height: 53rpx;
		text-align: justified;
		margin-bottom: 17rpx;
	}
	.fen{
		padding: 0 43rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #848484;
		line-height: 40rpx;
		text-align: justified;
		font-style: normal;
		display: flex;
		align-items: flex-start;
		padding-bottom: 46rpx;
		image{
			width: 47rpx;
			height: 47rpx;
		}
			
		.word{
			flex:1 ;
		}
	}
	.wraps1 {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		// overflow-x: hidden;
	}

	.footer {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		// left: 0;
		// right: 0;
		// position: relative;
		// margin: 0 -35rpx;
		height: 75rpx;
		background: linear-gradient(90deg, rgba(255, 225, 150, 0.42) 0%, rgba(215, 120, 54, 0.42) 100%);

		.inner {
			height: 75rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			z-index: 9;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 21rpx;
			color: #FFEFC6;
			line-height: 25rpx;

			img {
				width: 30rpx;
				height: 30rpx;
				margin-right: 15rpx;
			}
		}
	}

	.city {
		display: block;
		width: 644rpx;
		height: 348rpx;
	}

	.btn {
		width: 534rpx;
		height: 75rpx;
		margin: 40rpx auto 27rpx auto;

		.bgs {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			z-index: 1;

			width: 100%;
			display: block;
		}
	}

	.tips {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 27rpx;
		color: #C8763B;
		line-height: 42rpx;
		text-align: center;
		padding-bottom: 18rpx;
	}

	.tops {
		position: relative;

		img {
			display: block;
			width: 100%;
		}

		.cont {
			position: absolute;
			left: 0;
			right: 0;
			top: 500rpx;
			padding-left: 35rpx;
			// left: 50%;
			// margin-left: -340rpx;
		}

		.step1 {

			background: url('../../../static/aidex/login/8.png') no-repeat;
			background-size: cover;
			width: 680rpx;
			// margin: 0 70rpx;
			height: 315rpx;
			padding: 139rpx 34rpx 0 38rpx;
		}

		.step2 {
			margin-top: 40rpx;
			background: url('../../../static/aidex/login/2.png') no-repeat;
			background-size: cover;
			width: 680rpx;
			height: 315rpx;
			padding: 139rpx 34rpx 0 38rpx;
		}

		.step3 {
			margin-top: 40rpx;
			background: url('../../../static/aidex/login/3.png') no-repeat;
			background-size: cover;
			width: 680rpx;
			height: 659rpx;
			padding: 132rpx 25rpx 0 80rpx;
		}

		.step4 {
			margin-top: 40rpx;
			background: url('../../../static/aidex/login/4.png') no-repeat;
			background-size: cover;
			width: 680rpx;
			height: 610rpx;
			padding: 132rpx 25rpx 0 34rpx;
		}

		.word {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #FFF7E2;
			line-height: 37rpx;
			text-align: justify;
		}
	}
</style>
